/*===============================垂直居中======================================*/
.middle {
    display: block;
    position: fixed;
    width: 100%;
}

/*===============================等待模态框======================================*/
.waiting {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    top: 0px;
    left: 0px;
    z-index: 9999;
}
.waiting>div {
    height: 100px;
    line-height: 100px;
    text-align: center;
}
.waiting>div>div {
    width: 10px;
    height: 30px;
    margin: 40px 5px;
    display: inline-block;
    background-color: whitesmoke;
    animation:waiting 0.5s linear 0s infinite alternate;
    -moz-animation:waiting 0.5s linear 0s infinite alternate; /* Firefox */
    -webkit-animation:waiting 0.5s linear 0s infinite alternate; /* Safari and Chrome */
    -o-animation:waiting 0.5s linear 0s infinite alternate; /* Opera */
}
.waiting>div>div:nth-of-type(1) {
    animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    -webkit-animation-delay: 0.1s;
    -o-animation-delay: 0.1s;
}
.waiting>div>div:nth-of-type(2) {
    animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
}
.waiting>div>div:nth-of-type(3) {
    animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    -o-animation-delay: 0.3s;
}
.waiting>div>div:nth-of-type(4) {
    animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
    -o-animation-delay: 0.4s;
}
.waiting>div>div:nth-of-type(5) {
    animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
}
.waiting>div>div:nth-of-type(6) {
    animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
}
.waiting>div>div:nth-of-type(7) {
    animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
    -o-animation-delay: 0.7s;
}
.waiting>div>div:nth-of-type(8) {
    animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
}
.waiting>div>div:nth-of-type(9) {
    animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
}
.waiting>div>div:nth-of-type(10) {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
}
.waiting>div>div:nth-of-type(11) {
    animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -webkit-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
}
.waiting>div>div:nth-of-type(12) {
    animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
}
@keyframes waiting { 100%{height: 100px; margin-top: 0px; margin-bottom: 0px;} }
@-moz-keyframes waiting { 100%{height: 100px; margin-top:0px; margin-bottom: 0px;} }
@-webkit-keyframes waiting { 100%{height: 100px; margin-top: 0px; margin-bottom: 0px;} }
@-o-keyframes waiting { 100%{height: 100px; margin-top: 0px; margin-bottom: 0px;} }

/*===============================body 容器======================================*/
.body-contrainner {
    padding: 5px;
    //background-image:url("../../static/img/bg_body.png");
}

/*===============================必填======================================*/
.required1:before {
    content: "*";
    color: #dd4b39;
}

.required2:after {
    content: "(必填)";
    color: #dd4b39;
}

/*=================================勾选框组====================================*/
.radio-group, .check-group{
    margin-left: 15px;
    margin-right: 15px;
}

.radio-group > label, .check-group > label{
    margin-left: 15px;
    margin-right: 15px;
}

/*=================================明细框====================================*/
.detail-group {
    display: inline-block;
    margin: 10px;
    font-weight: bolder;
}

.detail-group .detail-label{
    margin-right: 5px;
}

.detail-group .detail-label:after{
    content: "：";
    font-weight: bolder;
}

.detail-group .detail-text{
    font-weight: normal;
}

label.control-label {
	font-weight: normal;	
}






